<html>
<head>
<style type="text/css">
	.one {
        border-style:solid !important;
        padding:0 4px 0 5px
    }
	.two {
        background-image:url(ico12_h_pag_prev_item.gif)
    }
    .three {
		background-color:blue;
		padding:5px 5px 5px 5px;
	}
    .four {
		padding:5px 5px 5px 5px;
	}
</style>
</head>
<body>
<div>This test verifies that we draw borders and and backgrounds for inlines without content.</div>
<br>
<div>There should be two blue boxes below:</div>
<a href="http://www.google.com" class="one two"></a>
<a href="http://www.google.com" class="one two">A</a>

<br><br>
There should be a blue box after this text:<a class="three"></a>
<br>
<a class="three"></a>There should be a blue box before this text.

<br><br>
<a class="four"></a>There should be 10px of space left before this text.

<br><br>
<p>This text is before the anchor.      <a></a>      This text is after the anchor, but should be flush with the anchor.  There should be no spaces in between the anchor and this following text.</p>

<p><a/>     This text should be flush with the anchor. There should not be a space between the anchor and the text on this line.<a>
</body>
</html>
